import React from 'react'
import styles from './Carousel,module.css'
import { Image, Carousel as AntCarousel } from 'antd'

import carouseIamge1 from '../../assets/images/RE4wHgi.jpg'
import carouseIamge2 from '../../assets/images/RE4wpob.jpg'
import carouseIamge3 from '../../assets/images/RE4wppO.jpg'
import carouseIamge4 from '../../assets/images/RE4wppt.jpg'
import carouseIamge5 from '../../assets/images/RE4wqHX.jpg'

export const Carousel: React.FC = () => {
  return (
    <AntCarousel autoplay className={styles['slider']}>
      <Image src={carouseIamge1} height={250} />
      <Image src={carouseIamge2} height={250} />
      <Image src={carouseIamge3} height={250} />
      <Image src={carouseIamge4} height={250} />
      <Image src={carouseIamge5} height={250} />
    </AntCarousel>
  )
}